﻿@model LeadExpress.Models.ViewPages.ProductManagementModel
           
@{
    ViewBag.Title = "Thêm mới bản tin RV24";
    Layout = "~/Views/Shared/_Layout.Management.cshtml";
}
<form method="post" class="form" action="/Management/ProductList/Add">
	<fieldset id="apps">
		<h2 class="app">
	        <strong>Express - Thêm mới bản tin RV24</strong>
        </h2>
		<div class="errorMessage" data-bind="visible: InvalidateForm" >
			<span class="error">Xin hãy nhập thông tin bên dưới chính xác.</span>
		</div>				
		<div class="title">
			<h3>Thông tin RV24</h3>
		</div>
		<div class="columns">
			<div class="col indent" style="width:600px">
				<div class="row">
					<label for="text1">Tiêu đề:</label>
					<input class="text" type="text" style="width:400px" data-bind="value: Title, attr:{maxlength:250}" name="Title" />
				</div>
				<div class="row">
					<label for="text12">Từ ngày:</label>
					<input class="text calendar-date" type="text" value="" data-bind="attr:{maxlength:20}" name="StartDate"/>
				</div>					
				<div class="row">
					<label for="text12">Đến ngày</label>
					<input class="text calendar-date" type="text" value="" data-bind="attr:{maxlength:20}" name="EndDate"/>
				</div>	
				<div id="editform" class="row">
					<label for="text12">Bản tin đặc biệt:</label>
                    <div class="groupinput"><input class="text" type="checkbox" data-bind="checked: IsSpecial" name="IsSpecial" /></div>					    
				</div>
				<div id="editform" class="row">
					<label for="text12">Bản tin Top:</label>
                    <div class="groupinput"><input class="text" type="checkbox" data-bind="checked: IsTop" name="IsTop" /></div>					    
				</div>
				<div id="editform" class="row">
					<label for="text12">Xác nhận hiển thị:</label>
                    <div class="groupinput"><input class="text" type="checkbox" data-bind="checked: Approved" name="Approved" /></div>					    
				</div>
				<div id="editform" class="row">
					<label for="text12">Kích hoạt:</label>
                    <div class="groupinput"><input class="text" type="checkbox" data-bind="checked: Active" name="Active" /></div>					    
				</div>
			</div>
			<div class="col" style="width:350px">
                <div class="row">
					<label for="text5">Ảnh:</label>
				</div>
                <div class="groupinput">                    
                    <div class="row">
                        <img alt="logo" width="175" data-bind="attr: {src: ImageURL}" />
                        <input type="hidden" name="ImageURL" data-bind="value: ImageURL" />
                    </div>
                    <div class="row">
						<input type="file" name="fileDataProduct" id="fileDataProduct" class="btn btn-choose-file"  />                        
					</div>
                </div>
			</div>
		</div>  	
		<div class="title">
			<h3>Thông tin tóm lược, chi tiết</h3>
		</div>
        <div class="columns">  
            <div class="col indent">
				<div class="row">
					<label for="text4">Tóm lược bản tin:</label>
					<textarea id="elm1" class="text" cols="80" rows="15" style="width: 100%" data-bind="value: ShortDesc, attr:{maxlength:500}" name="ShortDesc">
                    </textarea>
				</div>                 
			    <div class="row">
				    <label for="text10">Nội dung chi tiết</label>
			    </div>          
			    <div class="row">
				    <textarea id="elm2" class="text" cols="80" rows="35" style="width: 100%" data-bind="value: LongDesc" name="LongDesc">
                    </textarea>
			    </div>
            
            </div>  
        </div>
		<div class="title">
			<h3>Thông tin từ khóa</h3>
		</div>
        <div class="columns">
            <div class="col">
				<div class="row">
					<label for="text10">Từ khóa (Meta):</label>
					<input class="text" type="text" style="width: 600px" data-bind="value: MetaKeywords, attr:{maxlength:250}" name="MetaKeywords"/>
				</div>
				<div class="row">
					<label for="text2">Mô tả (Meta):</label>
					<input class="text" type="text" style="width: 600px" data-bind="value: MetaDescription, attr:{maxlength:250}" name="MetaDescription" />
				</div>
            </div>
        </div>	


        <div id="progress" class="uploading">Uploading...</div>
		<div class="foot-info">
			<h3 class="centered-wbtn centered-wbtn-bottom save">
  				<span>
  					<a class="btn btn-cancel-page" href="/Management/ProductList">previous</a>
					<input type="button" class="btn btn-submit-page" data-bind="click: SubmitForm" value="Submit" />
                </span>
			</h3>
		</div>
	</fieldset>
</form>
<script type="text/javascript">
    var data = @(Html.Raw(Json.Encode(Model)));
</script>
<script src="/Scripts/Product/AddProduct.js" type="text/javascript"></script>
<script src="/TinyMCE/tiny_mce.js" type="text/javascript"></script>
<script src="/TinyMCE/tinymce.initialize.js" type="text/javascript"></script>
<script src="/Scripts/jquery.uploadify.js" type="text/javascript"></script>
<script src="/Scripts/apps.js" type="text/javascript"></script>